<template>
	<view class="goods-list-box">
		<slot></slot>
		<view class="list-main">
			<view class="item-list" v-for="(item,index) in dataList" :key="index">
				<navigator :url="`../../pages/basic/goodsdetail?id=${item.id}`">
					<view class="whide-box">
						<image class="pictrue" :src="item.image_url" mode=""></image>
						<view class="bottom-text">
							<view class="title">{{item.name}}</view>
							<view class="detail-num">
								<text class="red">￥{{item.price}}</text>
								<text class="grey">{{item.sales}}人付款</text>
							</view>
						</view>
					</view>
				</navigator>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name:"goodsList",
		props:{
			dataList:{
				type:Array,
				default:[]
			},
		},
	}
</script>
<style lang="scss" scoped>
	@import  "../style/goods_list.scss";
</style>